<template>
    <div id="cont1">
        <h2>安装</h2>
        <p>yong-ui组件是vue3.0版本，用于平时工作中的UI组件收集</p>
        <h4>一、下载依赖</h4>
        <p class="code">npm install yong-ui 或 yarn add yong-ui</p>

        <h4>二、入口文件引入样式 </h4>
        <p class="code">
            // main.js<br>
            import 'yong-ui/base.css'
        </p>

        <h4>三、在开发组件中引入需要的组件</h4>
        <div class="component_item">
            <div class="p_20">
                <p>v-model绑定数组数据，设置默认值{{data.address}}</p>
                <p>选择地址：<UiSelectAddress v-model="data.address" /></p>
            </div>
<pre class="code top_no_radius" v-pre>
&lt;template&gt;
    &lt;p&gt;v-model绑定数组数据，设置默认值{{data.address}}&lt;/p&gt;
    &lt;p&gt;选择地址: &lt;UiSelectAddress v-model="data.address" /&gt;&lt;/p&gt;
&lt;/template&gt;

&lt;script setup&gt;
import { reactive } from 'vue';
import {UiSelectAddress} from 'yong-ui'
const data = reactive({
    address: ['广东省', '深圳市', '南山区']
})
&lt;/script&gt;
</pre>
        </div>
    </div>
</template>
<script setup>
import { reactive } from 'vue';
import {UiSelectAddress} from 'yong-ui'
const data = reactive({
    address: ['广东省', '深圳市', '南山区']
})
</script>
<style scoped>

</style>